var path = "../";

$.ajax({
    url: path + "mpDisplay/list",//请求的url
    type: "post",//请求方式
    data: {},
    dataType: "text",//后台数据返回类型
    success: function (data) {//响应成功执行的方法
        // alert(data)
        console.log(data)
        var data_Json = data;
        var obj = eval("(" + data_Json + ")");
        var Data_list = obj["rows"];
        var datas = [];
        $.each(Data_list, function (index, domEle) {
            // alert(index)
            // alert(domEle.gps)
            var sp = domEle.gps.split(",");
            sp.push(domEle.shopName)
            sp.push(domEle.equipmentCode)
            if(domEle.sfzx == null){
                sp.push("离线")
            }else{
                sp.push(domEle.sfzx)
            }
            sp.push(domEle.postionCode)
            datas.push(sp)
            // v1是要遍历的集合
            // index就是索引值
            // domEle 表示获取遍历每一个dom对
        });
        var map = new BMap.Map("map");                        // 创建Map实例
        map.centerAndZoom(new BMap.Point(datas[0][0], datas[0][1]), 11);     // 初始化地图,设置中心点坐标和地图级别
        map.enableScrollWheelZoom();                        //启用滚轮放大缩小
        if (document.createElement('canvas').getContext) {  // 判断当前浏览器是否支持绘制海量点
            for (var i = 0; i < datas.length; i++) {
                if(datas[i][4]=="离线"){
                    var myIcon = new BMap.Icon("../images/GPS4369.png", new BMap.Size(23, 25), {
                        offset: new BMap.Size(10, 25), // 指定定位位置
                        imageOffset: new BMap.Size(0, 0 - 10 * 25) // 设置图片偏移
                    });
                }else{
                    var myIcon = new BMap.Icon("../images/GPS4369.png", new BMap.Size(23, 25), {
                        offset: new BMap.Size(10, 25), // 指定定位位置
                        imageOffset: new BMap.Size(0, 0 - 11 * 25) // 设置图片偏移
                    });
                }
                var steelContent = '<div>' +
                    '<p style="margin:0;line-height:1.5;font-size:13px;text-indent:2em">' +
                    '<br/>经度：' + datas[i][0] + '<br/>纬度：' + datas[i][1] + '<br/>门店：' + datas[i][2] +
                    '<br/>位置编号：' + datas[i][5] + '<br/>设备号：' + datas[i][3] + '<br/></p>' +
                    '</div>';

                var steelOpts = {
                    width: 260,     //信息窗口宽度
                    height: 200,     //信息窗口高度
                    title: "<b>门店信息</b>", //信息窗口标题
                    enableMessage: true	//设置允许信息窗发送短息
                };
                createMark = function(lng, lat, info_html,steelOpts) {
                    var _marker = new BMap.Marker(new BMap.Point(lng, lat),{icon: myIcon});
                    _marker.addEventListener("click", function(e) {
                        this.openInfoWindow(new BMap.InfoWindow(info_html,steelOpts));
                    });
                    _marker.addEventListener("mouseover", function(e) {
                        this.setTitle("位于: " + lng + "," + lat);
                    });
                    return _marker;
                };
                var marker = createMark(datas[i][0], datas[i][1], steelContent, steelOpts);
                map.addOverlay(marker);	//将标注添加到地图中
            }
        } else {
            alert('请在chrome、safari、IE8+以上浏览器查看本示例');
        }
    },
    error: function () {//出现异常执行方法
        alert("出现异常啦...")
    }
});

// var data_Json = data;
// var obj = eval("("+data_Json+")");
// var Data_list = obj["rows"];
// var data_zh = "{data:[[";
// for (var i = 0; i < Data_list.length; i++){
//     // alert(Data_list[i]["gps"])
//     data_zh += Data_list[i]["gps"] + "]"
//     if(i < Data_list.length-1){
//         data_zh += ",[";
//     }
// }
// data_zh += "]}";
// alert(data_zh);